﻿<meta http-equiv="X-UA-Compatible" content="IE=8" />
@model Siser.Web.Models.Login

@{
    Layout = null;
}
<script src="@Url.Content("~/Scripts/Propios.js")" type="text/javascript"></script>
<div><img src="@Url.Content("~/Content/images/Pagina/_header.png")" width="100%" alt="cabecera"/></div>
<h2 style="text-align:center; text-decoration:underline">Inicio de Sesión</h2>
<!DOCTYPE html>
<html>
<head>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/Propios.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.autotab-1.1b.js")" type="text/javascript"></script>

    <title>Inicio sesión</title>
</head>
<body>


<script type="text/javascript">
    $(document).ready(function () {
        $('#UserName').autotab({ target: 'Pasword', format: 'alphanumeric' });
	    $('#Password').autotab({ target: 'PrimeraCoordenada_Valor', format: 'alphanumeric' });
	    $('#PrimeraCoordenada_Valor').autotab({ target: 'SegundaCoordenada_Valor', format: 'numeric' });
	    $('#SegundaCoordenada_Valor').autotab({ target: 'TerceraCoordenada_Valor', format: 'numeric'});
	    $('#TerceraCoordenada_Valor').autotab({ previous: 'SegundaCoordenada_Valor', format: 'numeric' });	    
	});
	</script>

    @using (Html.BeginForm(null, null, FormMethod.Post, new { id = "form1" }))
    {
        @Html.ValidationSummary(true)
        <fieldset id="inicio-sesion">
            <legend>Siser</legend>

            <div class="editor-label"><b>@Html.LabelFor(model => model.UserName)</b></div>
            <div class="editor-field">
                @Html.TextBoxFor(model => model.UserName, new { maxlength = 20, onpaste = "return false" })
                @Html.ValidationMessageFor(model => model.UserName)
            </div>

            <div class="editor-label"><b>@Html.LabelFor(model => model.Password)</b></div>
            <div class="editor-field">
                @Html.PasswordFor(model => model.Password, new { maxlength = 20, onpaste = "return false" })
                @Html.ValidationMessageFor(model => model.Password)
            </div>
            <div style="width:157px;float:left">&nbsp</div>
            <div class="coordenada">
                @ViewBag.PrimeraCoordenada
                @Html.HiddenFor(model => model.PrimeraCoordenada.I)
                @Html.HiddenFor(model => model.PrimeraCoordenada.J)
                 <br />
                @Html.TextBoxFor(model => model.PrimeraCoordenada.Valor, new { maxlength = 2, size = 2, onpaste = "return false" })
                @Html.ValidationMessageFor(model => model.PrimeraCoordenada.Valor)
            </div>

            <div class="coordenada">
                @ViewBag.SegundaCoordenada
                @Html.HiddenFor(model => model.SegundaCoordenada.I)
                @Html.HiddenFor(model => model.SegundaCoordenada.J)
                <br />
                @Html.TextBoxFor(model => model.SegundaCoordenada.Valor, new { maxlength = 2, size = 2, onpaste = "return false" })
                @Html.ValidationMessageFor(model => model.SegundaCoordenada.Valor)
            </div>

            <div class="coordenada">
                @ViewBag.TerceraCoordenada
                @Html.HiddenFor(model => model.TerceraCoordenada.I)
                @Html.HiddenFor(model => model.TerceraCoordenada.J)
                <br />
                @Html.TextBoxFor(model => model.TerceraCoordenada.Valor, new { maxlength = 2, size = 2, onpaste = "return false" })
                @Html.ValidationMessageFor(model => model.TerceraCoordenada.Valor)
            </div>


            <p><input class="boton-inicio-sesion" type="submit" value="Iniciar sesión"/></p>
        </fieldset>
    }
    <p style="text-align:center" class="division"> * Si no esta registrado. Haga click 
    @Html.ActionLink("Aquí","Registro","Usuario")
    </p>
    <p style="text-align:center" class="division"> * ¿ Olvido su contraseña ?. Haga click  
    @Html.ActionLink("Aquí","ReenvioContrasenia","Cuenta")
    </p>
     <p style="text-align:center" class="division"> * Reenvío de tarjeta de identificación. Haga click  
    @Html.ActionLink("Aquí","ReenvioCredencial","Usuario")
    </p>
    <p>&nbsp</p>
    <p>&nbsp</p>
    <div id="footer">
        <ul>
            <li><a href="http://www.cchen.gob.cl/" target="_blank">CCHEN</a></li>
            <li><a href="#">Condiciones de servicio</a></li>
            <li><a href="#">Políticas de privacidad</a></li>
            <li><a href="#">Terminos generales del uso de la plataforma</a></li>
            <li><a href="#">Contacto</a></li>
        </ul>
    </div>

<script type="text/javascript">
    $('#UserName').focus(); //colocar foco en Nombre de usuario.
    $('#UserName').val("");
    $('#PrimeraCoordenada_Valor').val(""); //Limpiar textbox al recargar
    $('#SegundaCoordenada_Valor').val(""); //Limpiar textbox al recargar
    $('#TerceraCoordenada_Valor').val(""); //Limpiar textbox al recargar
</script>

</body>
</html>
